<template>
  <div class="home">
    <!-- 导航栏 -->
    <Header></Header>

    <!-- 横幅 -->
    <Banner></Banner>

    <!-- 加入我们 -->
    <JoinUs></JoinUs>

    <!-- 核心优势 -->
    <CoreAdvantages></CoreAdvantages>

    <!-- 社群牛人 -->
    <CommunityExpert></CommunityExpert>

    <!-- 热门资源 -->
    <HotResources></HotResources>

    <!-- 底部 -->
    <Footer></Footer>
  </div>
</template>

<script setup lang="ts">
    import { ref } from 'vue'
    import Header from '@/components/Header/index.vue'
    import Banner from './components/Banner.vue'
    import JoinUs from './components/JoinUs.vue'
    import CoreAdvantages from './components/CoreAdvantages.vue'
    import CommunityExpert from './components/CommunityExpert.vue'
    import HotResources from './components/HotResources.vue' 
    import Footer from '@/components/Footer/index.vue'    
    
</script>

<style scoped>

</style> 